/* Material Colors */
.matTextDark1 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  color: rgba(0, 0, 0, 0.87);
  text-decoration: none;
}
.matTextDark2 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none;
}
.matTextDark3 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  color: rgba(0, 0, 0, 0.38);
  text-decoration: none;
}
.matTextLight1 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}
.matTextLight2 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
.matTextLight3 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
}

.matIconDark {
  color: rgba(0, 0, 0, 0.54);
}
.matIconDark.inactive {
  color: rgba(0, 0, 0, 0.26);
}
.matIconLight {
  color: rgba(2555, 255, 255, 1);
}
.matIconLight.inactive {
  color: rgba(2555, 255, 255, 0.3);
}

.matBlack {
  background: #000000;
}
.matWhite {
  background: #ffffff;
}

.matRed50 {
  background: #ffebee;
}
.matRed100 {
  background: #ffcdd2;
}
.matRed300 {
  background: #e57373;
}
.matRed500 {
  background: #f44336;
}
.matRed700 {
  background: #d32f2f;
}
.matRed900 {
  background: #b71c1c;
}

.matPink50 {
  background: #fce4ec;
}
.matPink100 {
  background: #f8bbd0;
}
.matPink300 {
  background: #f06292;
}

.matPurple50 {
  background: #f3e5f5;
}
.matPurple100 {
  background: #e1bee7;
}
.matPurple300 {
  background: #ba68c8;
}

.matDeepPurple50 {
  background: #ede7fe;
}
.matDeepPurple100 {
  background: #d1c4e9;
}
.matDeepPurple300 {
  background: #9575cd;
}

.matIndigo50 {
  background: #e8eaf6;
}
.matIndigo100 {
  background: #c5cae9;
}
.matIndigo300 {
  background: #7986cb;
}

.matBlue50 {
  background: #e3f2fd;
}
.matBlue100 {
  background: #bbdefb;
}
.matBlue200 {
  background: #90caf9;
}
.matBlue300 {
  background: #64b5f6;
}
.matBlue400 {
  background: #42a5f5;
}
.matBlue500 {
  background: #2196f3;
}
.matBlue600 {
  background: #1e88e5;
}
.matBlue700 {
  background: #1976d2;
}
.matBlue800 {
  background: #1565c0;
}
.matBlue900 {
  background: #0d47a1;
}

.matLightBlue50 {
  background: #e1f5fe;
}
.matLightBlue100 {
  background: #b3f5fc;
}
.matLightBlue200 {
  background: #81d4fa;
}
.matLightBlue300 {
  background: #4fc3f7;
}
.matLightBlue400 {
  background: #29b6f6;
}
.matLightBlue500 {
  background: #03a9f4;
}
.matLightBlue600 {
  background: #039be5;
}
.matLightBlue700 {
  background: #0288d1;
}
.matLightBlue800 {
  background: #0277bd;
}
.matLightBlue900 {
  background: #01579b;
}

.matCyan50 {
  background: #e0f7fa;
}
.matCyan100 {
  background: #b2ebf2;
}
.matCyan200 {
  background: #80deea;
}
.matCyan300 {
  background: #4dd0e1;
}
.matCyan400 {
  background: #26c6da;
}
.matCyan500 {
  background: #00bcd4;
}
.matCyan600 {
  background: #00acc1;
}
.matCyan700 {
  background: #0097a7;
}
.matCyan800 {
  background: #00838f;
}
.matCyan900 {
  background: #006064;
}

.matTeal50 {
  background: #e0f2f1;
}
.matTeal100 {
  background: #b2dfdb;
}
.matTeal300 {
  background: #4db6ac;
}
.matTeal700 {
  background: #00897b;
}

.matGreen50 {
  background: #e8f5e9;
}
.matGreen100 {
  background: #c8e6c9;
}
.matGreen300 {
  background: #81c784;
}

.matLightGreen50 {
  background: #f1f8e9;
}
.matLightGreen100 {
  background: #dcedc8;
}
.matLightGreen300 {
  background: #aed581;
}

.matLime50 {
  background: #f9fbe7;
}
.matLime100 {
  background: #f0f4c3;
}
.matLime300 {
  background: #dce775;
}

.matYellow50 {
  background: #fffde7;
}
.matYellow100 {
  background: #fff9c4;
}
.matYellow300 {
  background: #fff176;
}

.matAmber50 {
  background: #fff8e1;
}
.matAmber100 {
  background: #ffecb3;
}
.matAmber300 {
  background: #ffd54f;
}

.matOrange50 {
  background: #fff3e0;
}
.matOrange100 {
  background: #ffe0b2;
}
.matOrange300 {
  background: #ffb74d;
}

.matDeepOrange50 {
  background: #fbe9e7;
}
.matDeepOrange100 {
  background: #ffccbc;
}
.matDeepOrange300 {
  background: #ff8a65;
}

.matBrown50 {
  background: #efebe9;
}
.matBrown100 {
  background: #d7ccc8;
}
.matBrown300 {
  background: #a1887f;
}

.matGrey50 {
  background: #fafafa;
}
.matGrey100 {
  background: #f5f5f5;
}
.matGrey200 {
  background: #eeeeee;
}
.matGrey300 {
  background: #e0e0e0;
}
.matGrey400 {
  background: #bdbdbd;
}
.matGrey500 {
  background: #9e9e9e;
}
.matGrey600 {
  background: #757575;
}
.matGrey700 {
  background: #616161;
}
.matGrey800 {
  background: #424242;
}
.matGrey900 {
  background: #212121;
}

.matBlueGrey50 {
  background: #eceff1;
}
.matBlueGrey100 {
  background: #cfd8dc;
}
.matBlueGrey200 {
  background: #b0bec5;
}
.matBlueGrey300 {
  background: #90a4ae;
}
.matBlueGrey400 {
  background: #78909c;
}
.matBlueGrey500 {
  background: #607d8b;
}
.matBlueGrey600 {
  background: #546e7a;
}
.matBlueGrey700 {
  background: #455a64;
}
.matBlueGrey800 {
  background: #37474f;
}
.matBlueGrey900 {
  background: #263238;
}

/*.mat50 { background: #; }
.mat100 { background: #; }
.mat300 { background: #; }*/